<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header class="b4f cfff tcenter rel">
       <span class="iconfont tip abs" id="back">&#xe607;</span>
        <span>个人资料</span>
    </header>
    <main class="flex">
        <div class="weui-cell weui-cell_active weui-cell_access">
            <span class="weui-cell__bd">
              <span class="demo_badge_title" >更换头像</span>
              <input type="file" id="fileUp">
            </span>
            <div class="headimg">
                <img alt="" id="changeImg">
            </div>
            <span class="weui-cell__ft"></span>
         </div>
         <!-- 昵称 -->
         <div class="weui-cell weui-cell_active weui-cell_access">
            <span class="weui-cell__bd">
              <span class="demo_badge_title ">昵称</span>
            </span>
            <input class="weui-input nick-name weui-cell__ft" type="text" id="nickNameVal" placeholder="请选择昵称" value=""/> 
          </div>
          <!-- 性别 -->
         <div class="weui-cell weui-cell_active weui-cell_access " id="sex">
            <span class="weui-cell__bd">
              <span class="demo_badge_title">性别</span>
            </span>
            <span class="weui-cell__ft" id="sexVal">请选择性别</span>
          </div>
          <!-- 生日 -->
          <div class="weui-cell weui-cell_active weui-cell_access" id="birth">
            <span class="weui-cell__bd">
              <span class="demo_badge_title">生日</span>
            </span>
            <span class="weui-cell__ft" id="birthVal">请选择生日</span>
          </div>
          <!-- 省份 -->
          <div class="weui-cell weui-cell_active weui-cell_access" id="province">
            <span class="weui-cell__bd">
              <span class="demo_badge_title">所在省份</span>
            </span>
            <span class="weui-cell__ft" id="provinceVal">请选择省份</span>
          </div>
          <!-- 城市 -->
          <div class="weui-cell weui-cell_active weui-cell_access" id='city'>
            <span class="weui-cell__bd">
              <span class="demo_badge_title">所在城市</span>
            </span>
            <span class="weui-cell__ft" id="cityVal">请选择城市</span>
          </div>
          <!-- 个人简介 -->
          <div class="weui-cell weui-cell_active weui-cell_access">
            <span class="weui-cell__bd">
              <span class="demo_badge_title">个人简介</span>
              <textarea class="weui-textarea" rows="3" id="info"></textarea>
              <div class="weui-textarea-counter"><span id="num">0</span>/200</div>
            </span>
          
          </div>
          

    </main>
    <div class="pad8 ">
        <button class="b4f cfff mt30 " id="saveBtn">保存信息</button>
    </div>
</body>
</html>